<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>同咨科技-商户后台</title>
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
	<link rel="stylesheet" href="../../static/css/weadmin.css">
	<link href="../../lib/layui/css/layui.css" rel="stylesheet">

	<script type="text/javascript" src="../../lib/layui/layui.js" charset="utf-8"></script>
	<script type="module" src="../components/use-body.js"></script>

	<link href="../../static/css/account.css" rel="stylesheet">
	<link href="../../static/css/uselay.css" rel="stylesheet">
</head>

<body>
	<use-body>
		<div class="page-body">

			<!-- 左边菜单 -->
			<div class="side">
				<span class="layui-breadcrumb breadcrumb" lay-separator="/">
					<a><i title="首页" class="iconfont use-more"></i></a>
					<a><cite>账号设置</cite></a>
				</span>

				<div class="layui-panel">
					<ul class="layui-menu" id="demo-menu">
						<li class="layui-menu-item-group" lay-options="{type: 'group', isAllowSpread: false}">
							<div class="layui-menu-body-title">个人信息</div>
							<ul>
								<li>
									<div class="layui-menu-body-title">账户资料</div>
								</li>
								<li>
									<div class="layui-menu-body-title">安全设置</div>
								</li>
								<li class="layui-menu-item-checked">
									<div class="layui-menu-body-title">登录日志</div>
								</li>
							</ul>
						</li>
						<li class="layui-menu-item-divider"></li>
						<li class="layui-menu-item-group" lay-options="{type: 'group', isAllowSpread: false}">
							<div class="layui-menu-body-title">通知</div>
							<ul>
								<li>
									<div class="layui-menu-body-title">通知公告</div>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</div>

			<!-- 主体 -->
			<div class="page-border">
				<table class="layui-hide" id="ID-table-demo-data"></table>
			</div>
		</div>

	</use-body>
</body>

<script>
	layui.use('table', function () {
		var table = layui.table;

		// 已知数据渲染
		var inst = table.render({
			elem: '#ID-table-demo-data',
			cols: [[ //标题栏
				{ field: 'id', title: '账号密码', unresize: false},
				{ field: 'area', title: '地区', },
				{ field: 'ip', title: 'IP地址', },
				{ field: 'device', title: '登录设备', },
				{ field: 'time', title: '登录时间', },
			]],
			data: [{ // 赋值已知数据
				"id": "账号密码",
				"area": "四川省成都市武侯区",
				"ip": "118.113.165.133",
				"device": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10 15 7) AppleWebKit...",
				"time": "2023-03-15 15:33",
			}, {
				"id": "账号密码",
				"area": "四川省成都市武侯区",
				"ip": "118.113.165.133",
				"device": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10 15 7) AppleWebKit...",
				"time": "2023-03-15 15:33",
			}, {
				"id": "账号密码",
				"area": "四川省成都市武侯区",
				"ip": "118.113.165.133",
				"device": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10 15 7) AppleWebKit...",
				"time": "2023-03-15 15:33",
			}, {
				"id": "账号密码",
				"area": "四川省成都市武侯区",
				"ip": "118.113.165.133",
				"device": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10 15 7) AppleWebKit...",
				"time": "2023-03-15 15:33",
			}, {
				"id": "账号密码",
				"area": "四川省成都市武侯区",
				"ip": "118.113.165.133",
				"device": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10 15 7) AppleWebKit...",
				"time": "2023-03-15 15:33",
			}, {
				"id": "账号密码",
				"area": "四川省成都市武侯区",
				"ip": "118.113.165.133",
				"device": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10 15 7) AppleWebKit...",
				"time": "2023-03-15 15:33",
			}, {
				"id": "账号密码",
				"area": "四川省成都市武侯区",
				"ip": "118.113.165.133",
				"device": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10 15 7) AppleWebKit...",
				"time": "2023-03-15 15:33",
			}, {
				"id": "账号密码",
				"area": "四川省成都市武侯区",
				"ip": "118.113.165.133",
				"device": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10 15 7) AppleWebKit...",
				"time": "2023-03-15 15:33",
			}, {
				"id": "账号密码",
				"area": "四川省成都市武侯区",
				"ip": "118.113.165.133",
				"device": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10 15 7) AppleWebKit...",
				"time": "2023-03-15 15:33",
			}, {
				"id": "账号密码",
				"area": "四川省成都市武侯区",
				"ip": "118.113.165.133",
				"device": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10 15 7) AppleWebKit...",
				"time": "2023-03-15 15:33",
			}, {
				"id": "账号密码",
				"area": "四川省成都市武侯区",
				"ip": "118.113.165.133",
				"device": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10 15 7) AppleWebKit...",
				"time": "2023-03-15 15:33",
			}],
			//skin: 'line', // 表格风格
			//even: true,
			page: true, // 是否显示分页
			limits: [5, 10, 15],
			limit: 10 // 每页默认显示的数量
		});
	});
</script>

</html>